<template>
	<div class="header">
	<img class="logo" src="http://oxr1o3bh8.bkt.clouddn.com/logo_orange.png">
	<span>泰国旅行后台</span>
	<ul id="v-for-nav" class="nav">
		<li v-for="item in navList" :key="item.name">
			<a :href="item.url">{{item.name}}</a>
		</li>
	</ul>
   </div>
</template>

<script>
export default {
  data () {
    return {
      navList: [
        {
          name: '店铺',
          url: '/store'
        },
        {
          name: '城市',
          url: '/city'
        }
      ]}
  },
  mounted () {

  }
}
</script>

<style scoped>
.header{
  height: 50px;
  border-bottom: solid 1px #ddd;
}
span {
  color: #FE6A33;
  line-height: 40px;
  display: inline-block;
  float: left;
  margin-left:10px;
}

.logo {
  width: 40px;
  height: 40px;
  margin-left: 20px;
  float: left;
}
.nav{
  float: left;
  height:40px;
  margin:0;
}

li {
  line-height: 40px;
  display: inline-block;
  float: left;
  margin-left:10px;
}

a {
  color: #777;
  text-decoration: none;
}
</style>
